<template>
  <div class="navContent">
<nav-content-item class="box" v-for="(i,k) in data"  :data="i" :name="k"></nav-content-item>
  </div>
</template>
<script>
import navContentItem from './navContentItem.vue'
import getNav from "netWork/getNav"
export default {
  components: { navContentItem },
    name:'navContent',
    data(){
        return {
          data:{}
        }
    },
    created() {
      getNav().then(res=>{
        this.data = JSON.parse(res.data.trim());
      })
    },
}
</script>
<style scoped>
.navContent{
display: flex;
flex-wrap:wrap ;
justify-content: space-around;
margin-top:70px ;
}
.box{
    width: 27%;
}
</style>